Top 15 Inspirational And Beautiful CSS Drop Menu Tools

1. Slicnot - Clean CSS Menu with Sliced Notification

featured image

Hello everybody! Slicnot is a small CSS toolkit that allows you create anything from just simple plabutton to a complex drop-down navigation menu bar with very less amount of effort.• Separated Menu Button

Vertical Dropdown Menu

If you have any question regarding to this item, feel free drop me an email via my user page contact form.

More Details

2. CSS3 Menu

CSS3 Menu

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw

ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.

You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.

More Details

3. Animated CSS3 Mega Menu

featured image

This pure HTML5/CSS3 menu. Menu hHTML5 structure and works on all major browsers. Menu easy to edit and integrate into any website. mobile tablet devices, only the level of the classic drop-down menu is visible. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers animation and some other CSS3 features do not work.All images used in the preview are just for demonstration purposes and not included in the Menu.

More Details

4. Wordpress Menufication

featured image

You can add logos images to menu header or inside the menu. We also added ability to slide in menu from the right, as requested!

The fly-out menu (inspiration from Facebook) has been proven to be the most efficient navigation that dramatically can improve your visitors experience on your website!

WordPress Menufication is a user-friendly, customizable WordPress-plugin transform your WordPress 3 menus to responsive fly-out menu in Facebook fashion. Just choose whWordPress 3 menu to use and you are ready to go.Swipe to open/close menu (iOS only in v1. Add your own custom logos to the header or inside the menu.Option to only generate menu on predefined browser sizes.Several options to customize the behaviour of the menu.Uses Wordpress Menu, Wordpress Page Menu or a custom DOM-element for advanced users.If you have WordPress 3 Menu it works out of the box, no extrcode required.Want to have your site here? Just drop us a message and we will add you!

* NEW FEATURE: Add logos images to menu and header

* Don't load CSS if plugin is not enabled in the plugin-settings

More Details

5. 3d Mega Menu for Bootstrap

featured image

Responsive 3D Mega Drop Down Menu (latest ver 1.Responsive 3D Mega Drop Down Menu is a flexible and high customizable build your custom menus. In addition to you can set up menu item drop down by clicking or hovering. There are 2 colors drop downs (dark and light) and many 2D, 3D effects. Click/hover behavior choice on the mega drop menu options page

Fly-out Menu with Unlimited Sublevels

Valid XHTML / CSS 3 markup

Thmenu has been tested (and works !) in all the following browsers :

More Details

6. Vertu - Simple Mega Menu

featured image

Vertu – Simple MegMenu simple and easy megmenu with many functions.Metro Style Menu

4 levels drop down horizontal menu

Multi-Functional Menu

Easy to change structure viCSS

Simple menu construction

More Details

7. Vertical Elan - Responsive CSS3 Vertical Menu

featured image

CSS3 megdrop down responsive menu for your web site. Menu has 5 columns grid and work on all major browsers.

More Details

8. Sky Mega Menu

featured image

Sky Mega Menu is a clean, responsive solution for creation beautiful site navigations. drop down relies only on CSS/XHTML and comes with 3 mobile versions, different positions, 9 beautiful color schemes, commonly used forms, grid system and much more.If you like Sky Mega Menu, please don’t forget to rate!

Different color schemesEach color scheme has it’s own css file, that can be easily modified for creation your own colors.I was having troubles with menu due to my stupidness and Voky sat with me for almost the entire night fixing my problem.

More Details

9. Universal Responsive Mega Menu

featured image

Thmenu is the result of a combination of my best works on Codecanyon : I’ve put together a flexible mega menu system that can hold 12 sizes drop downs, unlimited fly-out elements combined with jQuery script to enhance the whole system. It can be used as sticky footer (mega “drop-ups”) using the exact same markup as the “standard” mega menu. Customizing menu require some basic knowledge CSS and you can change the look of every part of menu : the fonts, the colors, the sizes, etc. Fully Responsive Menu

Standard Top Menu

Sticky (or fixed) Top Menu

The package contains 2 folders : “Responsive” and “Non-Responsive” so menu ready to be included on any type of website. For each version of the menu, responsive and non-responsive, you have 6 HTML files with various examples of what you can do with the menu, from simple navigation bar without drop downs to a combination of 2 mega menus on a same page. Thmenu has been tested on many devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests.The whole menu relies mainly on CSS, it means that if Javascript is disabled, most of menu will work. Be sure to test demo with different browsers or devices to make sure that menu meets your requirements.I try to regularly update my products based on the feedback I receive, so if you find any kind of bug, I’ll do my best update menu as soon as possible. I’ve also created website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about menu that would fit into your project, you can contact me at any time from my profile page.

More Details

10. SliceNav Responsive Navigation Menu

featured image

It’s very functional and comes with different types navigation including full width, column based and the standard drop-down navigation. Also comes with more than 240 icons ready to use in the menu. Organize your website navigation easily with thresponsive menu.

More Details

11. Drag and Drop Menu Generator and Sorter

featured image

This is a CSS3 menu generator that you can use as a standalone generator for your website to drive traffic or as a useful tool to make menu for a website.- add multiple menu items

- generate menu

- copy html css straight to your website

More Details

12. Pure CSS3 Mega Menu

featured image

Pure CSS3 MegMenu is a clean, fully customizable, responsive solution for creation site navigations. drop down relies only on CSS/XHTML and comes with customization wizard, unlimited colors, 50 google fonts, 3 forms (search, login and contacts), grid system and much more.If you liked Mega Menu, please don’t forget to rate it!

Thanks… gremenu and thanks for your help… Was fast response too!sarahpoulain

menu is amazing, loving all the features.Customization wizard without CSS code editing!

Added possibility to change menu height.

More Details

13. Kodda - Responsive WordPress Mega Menu

featured image

WP menu. I love the new Kodda menu! It completely changed the look and feel of my website and the upgraded control panel could not be better! iclickandhost.the best wordpress dropdown menu menu, it also works multisite over its developer and very friendly and helpful, I recommend toutunservice.Thank you for helping me quickly install the menu.I bought another menu before but it was too complex to resolve -

Your menu is very well done and easy to adjust

Tout fonctionne !!! Je vous remercie pour m’avoir aidé pour l’installation du Menu .J’avais acheté un autre menu avant mais il était trop complexe à régler – Votre menu est très bien fait et rapide à régler.Drag & Drop UI ( for reordering everything )

Ability to add background images menu & submenus

Font awesome icons for ( arrows , search & responsive menu )

Ability change size color of the arrows , search & responsive menu Icons !

You can add different menu types

Anything you added to Menu Type [ Text/HTML ] ,

- KoddMenu : Fixed re-size & sticky menu issues

- KoddMenu : CSS & Responsive Enhancements

- KoddMenu : * Menu Position ( General Style Tab ) replaced by

"Enable Sticky Menu ( Settings Tab )"

- Fixed CSS Conflict . - Drag & Drop UI

- Ability to add background images menu & submenus

- Font awesome icons for ( arrows , search & responsive menu )

- CSS Enhancements . - menu now , use wordpress jquery version only

- Improved css

More Details

14. Deno - CSS3 Customize Responsive Dropdown Menu

featured image

CSS3 drop down responsive menu for your web site. You can change font size, font color, border color without CSS edit. Unlimited color, all major fonts… Just insert your generated CSS HTML code. Menu work on all major browsers.

More Details

15. Horizon Slide Navigation jQuery Plugin

featured image

HorizMenu is a dedicated jQuery plugin where you can create custom menus that slide beautifully in your web browser. Horizon also includes sub-menus so you can create multi-level drop downs for easy access. The scrolling is smooth and flexible, and thank to its complexity, this means you can add as many menu items as you desire; even if your browsers height simply isn’t tall enough to fit them all in, the scrolling is there to help you. Last but not least, Horizon is fully touch-ready for all modern PC’s, tablets mobile devices meaning you can scroll smoothly through the menu. Comes with 120+ beautiful icons, 10+ CSS3 top quality CSS3 animations and 6 beautifully crafted CSS themes in which you can create your own to fit your needs.Position your menu on left or right side of your browser

As many menu items and submenus as you desire

More Details

16. Argus - Mega Menu

featured image

This pure HTML5/CSS3 menu. Menu hHTML5 structure and works on all major browsers. Menu easy to edit and integrate into any website. mobile tablet devices, only the level of the classic drop-down menu is visible. Menu also comes in two variants (Centered and Full Width). Menu works (the main structure is 100% same) on CSS3 menu bar 9, 8, 7… and a lot of old browsers animation and some other CSS3 features do not work.All images used in the preview are just for demonstration purposes and not included in the Menu.

More Details